<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>无锡专业网站制作-无锡做网站-无锡网站制作</title>
	<meta name="description" content="我们是专业从事无锡网站建设(无锡网页设计,无锡网站设计,无锡网站制作),无锡网站推广,以高品质的服务和优惠的价格,为客户实现网上订单,在业界有良好的口碑。为客户设计出完美的网站是我们的宗旨。本着守信、高效、高质的原则，给无锡的企业和个人做网站"/>
	<meta name="keywords" content="无锡网站建设,无锡网站改版,无锡网站维护,无锡网站空间,无锡域名服务,无锡长期专业做网站,无锡网站优化"/>
	<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script>
$(function(){
	$("#process,#successful_case,#other_services,#contact_us").hide();
	div_show("#process");
	//菜单按钮
	$("#header_ul li a").bind("click",function(event){
		event.preventDefault();
		$("#header_ul li a").removeClass("current");
		$(this).addClass("current");
		
		div_show($(this).attr("href"));
	});
	//返回顶部按钮
	$("#back-to-top").hide();
	$(window).scroll(function(){
		if ($(window).scrollTop()>100){
			$("#back-to-top").fadeIn(1500);
		}else{
			$("#back-to-top").fadeOut(1500);
		}
	});
	$("#back-to-top").click(function(){
		$('body,html').animate({scrollTop:0},500);
		return false;
	});
});
function div_show(id){
	$("#main_content > div").hide();
	$(id).fadeIn(1000);
}
</script>
<style>
body{background:none repeat scroll 0 0 #FFF;font:15px/24px proxima-nova-1,Helvetica,Arial,sans-serif;}
.red{color:red;}
.strong{font-weight:700;}
.clear{clear:both;}
h2{border-radius:10px 10px 10px 10px;color:#FFF;font-size:36px;margin-top:100px;text-align:left;background-color:#E69900;padding:30px 0 30px 20px;}
h3{font-size:26px;font-weight:lighter;line-height:35px;margin:1em 0;}
a{color:inherit;text-decoration:none;}
a:hover{color:#069;}
hr{clear:both;margin-top:50px;border-top-color:rgba(0,0,0,0.1);border-bottom-color:rgba(255,255,255,0.3);border-style:solid none;border-width:1px medium;}
ol{list-style-type:decimal;}
.main{width:980px;margin:0 auto;}
#main_content{min-height:300px;}
/*绿色背景*/
.plan-button.paid{background-color:#6FA63B;}
.plan-button{border-radius:10px 10px 10px 10px;color:#FFF;font-size:24px;margin-top:50px;padding:20px 0;}
/*导航*/
header{left:0;position:absolute;right:0;top:0;z-index:999;margin:0;padding:0;}
header .stone{background:url(img/header-stone-texture.png) repeat scroll left top #202020;box-shadow:0 2px 20px -2px #000;height:64px;}
header .container{clear:both;overflow:visible;width:980px;margin:auto;}
header .website-banner{color:#CCC;font:bold 13px proxima-nova-1,Helvetica,Arial,sans-serif;text-transform:uppercase;padding:0 20px;}
header .content{clear:both;overflow:hidden;width:960px;margin:auto;}
header .website-banner ul.web-nav{float:left;height:20px;margin:24px 34px 0 0;}
header .website-banner ul.web-nav li{display:inline;margin:0 20px 0 0;}
header .website-banner ul.web-nav li a{border-radius:10px 10px 10px 10px;color:#999;text-decoration:none;padding:5px 15px;}
header .stone img{float:left;}
header .web-nav li a:hover,header .web-nav li a:focus,header .web-nav li a.current{background:none repeat scroll 0 0 #069;color:#FFF;}
/*制作流程*/
.process .clearfix,.clearfix:after{clear:both;}
.process .clearfix:before,.clearfix:after{content:"";display:table;}
.process .library-book{background-color:#F7F7F7;border-radius:.6em .6em .6em .6em;box-shadow:0 2px 12px -2px #DDD;margin-bottom:60px;margin-left:20px;width:940px;}
.process .library-book .description{float:left;margin-left:20px;width:278px;}
.process .library-book .cover-art-left{border-bottom-left-radius:.6em;border-top-left-radius:.6em;}
.process .flushleft{float:left;}
.process .library-book .cover-art-right{border-bottom-right-radius:.6em;border-top-right-radius:.6em;}
.process .flushright{float:right;}
/*成功案例*/
.successful_case ul{list-style-type:none;}
.successful_case ul li{float:left;padding:10px 20px;}
.successful_case ul li img{margin-bottom:8px;border:1px solid #DDD;max-width:250px;padding:5px;}
/*其它服务*/
.other_services ol li{line-height:35px;}
/*联系我们*/
.contact_us ul{list-style-type:none;line-height:35px;}
/*footer*/
.footer{font-size:12px;}
.footer .copyright{color:#666;float:left;padding-bottom:10px;padding-left:10px;padding-top:2em;}
.footer ul{float:right;padding-bottom:10px;padding-top:2em;margin:0;}
.footer li{color:#39C;display:inline;font-weight:700;padding-right:30px;}

.backtop{background-color:#F5F5F5;border:1px solid rgba(0,0,0,0.1);border-radius:2px 2px 2px 2px;bottom:0;box-shadow:0 0 6px gray;color:#444;display:inline-block;font-size:11px;font-weight:700;height:27px;line-height:27px;margin-right:0;min-width:54px;outline:0 none;position:fixed;right:-1px;text-align:center;text-decoration:none;vertical-align:baseline;z-index:9001;padding:0 8px;}
</style>
</head><body>

<header id="header">
<div class="stone"><div class="container"><div class="website-banner"><div class="content">

<ul class="web-nav" id="header_ul">
	<li><a href="#process" class="current">制作流程</a></li>
	<li><a href="#successful_case">成功案例</a></li>
	<li><a href="#other_services">其它服务</a></li>
	<li><a href="#contact_us">联系我们</a></li>
</ul>

</div></div></div></div>
</header>

<div class="main">
<div id="main_content">
<div class="process" id="process">
<h2>无锡网站制作——制作流程</h2>

<div class="library-book clearfix">
  <img class="flushleft cover-art-left" src="img/ruby-primer-library.jpg">
  <div class="description">
    <h3>客户提出要求</h3>
	<ol>
		<li>客户通过电话、QQ、邮件等方式提出自己网站建设方面的基本需求。</li>
		<li>客户提供相关资料(公司介绍、产品描述、基本功能需求、相关参考网站)做建站参考。</li>
	</ol>
  </div>
</div>

<div class="library-book clearfix">
  <img class="flushleft cover-art-left" src="img/ruby-primer-ascent-library.jpg">
  <div class="description">
	<h3 class="clearfix">制定网站建设方案</h3>
	<ol>
		<li>双方就网站建设内容进行协商，修改、补充，以达成共识。</li>
		<li>双方确定建设方案具体细节及价格。</li>
	</ol>
  </div>
</div>

<div class="library-book clearfix">
  <img class="flushright cover-art-right" src="img/metaprogramming-with-ruby-library.jpg">
  <div class="description">
	<h3>客户支付预付款</h3>
	<ol>
		<li>客户支付50%预付款。</li>
		<li>客户提供网站相关内容资料（公司介绍、产品资料、产品图片、联系方式等）。</li>
	</ol>
  </div>
</div>

<div class="library-book clearfix">
  <img class="flushright cover-art-right" src="img/metaprogramming-with-ruby-ascent-library.jpg">
  <div class="description">
	<h3>完成初稿，经客户确认后进行建设</h3>
	<ol>
		<li>完成初稿设计（包括首页风格、频道风格、重点突出的内容等）。</li>
		<li>客户审核初稿设计，并确认初稿设计，冻结初稿设计方案。</li>
		<li>我方根据协议和方案，完成整体网站制作，并进行测试。</li>
	</ol>
  </div>
</div>

<div class="library-book clearfix">
  <img class="flushleft cover-art-left" src="img/ruby-primer-library.jpg">
  <div class="description">
	<h3>网站测试，客户上网浏览、验收</h3>
	<ol>
		<li>客户根据协议内容,对网站测试和进行验收工作。</li>
		<li>验收合格，客户支付余款，网站正式开通。</li>
	</ol>
  </div>
</div>

</div>


<div class="successful_case" id="successful_case">
<h2>无锡做网站成功案例</h2>
<ul>
	<li><a href="img/eduhomtpage.png" title="波士顿教育集团" target="_blank"><img src="img/eduhomtpage.png"/></a></li>
</ul>
</div>

<div class="other_services clear" id="other_services">
<h2>无锡做网站其它服务</h2>
<div class="plan-button paid">
	<ol>
		<li>本公司只提供制作网站，如需其它服务请特别说明</li>
		<li>本公司提供代购域名、网站托管而特服务，具体价格根据市场价而定</li>
	</ol>
</div>
</div>

<div class="contact_us" id="contact_us">
<h2>联系我们</h2>
<div class="plan-button paid">
	<ul>
		<li>公司名称：IT娱乐网</li>
		<li>地址：江苏无锡</li>
		<li>QQ：<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=331048265&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:331048265:41" alt="点击这里给我发消息" title="点击这里给我发消息"></a>（<span class="red strong">331048265</span>）</li>
		<li>邮件：<span class="red strong">itylw_admin@163.com</span></li>
	</ul>
</div>
</div>
</div>
<hr>
<div class="footer">
  <div class="copyright">
    &copy; 2012
    <a href="http://www.itylw.com">IT娱乐网</a>. 
    版权所有.</div>
  <ul>
    <li><a href="http://www.weibo.com/itylw" target="_blank">@IT娱乐网</a></li>
    <li><a href="mailto:itylw_admin@163.com" target="_blank">itylw_admin@163.com</a></li>
  </ul>
</div>

</div>
<p id="back-to-top"><a class="backtop" href="#header"><span></span>返回顶部 ^</a></p>
</body></html>
